// components/swipe/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    // 轮播图数据
    bannerList: {
      type: Array,
      value: [],
    },
    // 是否显示指示点
    indicatorDots: {
      type: Boolean,
      value: true,
    },
    // 是否自动播放
    autoplay: {
      type: Boolean,
      value: true,
    },
    // 自动播放间隔时间
    interval: {
      type: Number,
      value: 3000,
    },
    // 滑动动画时长
    duration: {
      type: Number,
      value: 500,
    },
    // 是否循环播放
    circular: {
      type: Boolean,
      value: true,
    },
    // 指示点颜色
    indicatorColor: {
      type: String,
      value: "rgba(255, 255, 255, 0.5)",
    },
    // 当前指示点颜色
    indicatorActiveColor: {
      type: String,
      value: "#ff6b9d",
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    // 默认轮播图数据
    defaultBannerList: [],
  },

  /**
   * 组件生命周期
   */
  lifetimes: {
    attached() {
      // 如果没有传入轮播图数据，使用默认数据
      if (!this.data.bannerList || this.data.bannerList.length === 0) {
        this.setData({
          bannerList: this.data.defaultBannerList,
        });
      }
    },
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 轮播图点击事件
    onBannerTap(e) {
      // 轮播图点击不做任何操作
      // 用户需要点击服务卡片的"立即预约"按钮才能跳转
    },

    // 图片加载成功
    onImageLoad(e) {},

    // 图片加载失败
    onImageError(e) {
      // 轮播图加载失败
    },
  },
});
